<template>
	<view class="flex align-center p-3 border-bottom border-light-secondary"
	hover-class="bg-light">
		<image :src="item.avatar" 
		style="height: 100rpx;width: 100rpx;" 
		class="rounded-circle">
		</image>
		<view class="flex flex-column justify-center ml-2">
			<view class="flex align-center">{{item.username}}</view>
			<uniBadge text="25" :type="item.sex === 1 ? 'nv':'primary'" size="small">
				<text class="iconfont font-sm text-white" 
				:class="item.sex === 1 ? 'icon-nv':'icon-nan'" style="margin-right: 5rpx;"></text>
			</uniBadge>
		</view>
		<view class="ml-auto iconfont icon-xuanze-yixuan"
		:class="item.isFollow ? 'text-light-muted':'text-main'"
		></view>
	</view>
</template>

<script>
	import uniBadge from '@/components/uni-ui/uni-badge/uni-badge.vue';
	export default {
		components:{uniBadge},
		props:{
			item:Object,
			index:Number
		}
	}
</script>

<style>
</style>
